@charset "utf-8";
/* Overall and normalize */
html,button,input,select,textarea{color:#222}
html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
hr{margin: 20px 0;border: 0;border-top: 1px solid #eeeeee;border-bottom: 1px solid #ffffff;-moz-box-sizing:content-box;box-sizing:content-box;}
audio,canvas,img,video{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
p{margin:0 0 10px}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
/* Base styles */
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style]{width:100% !important} /*for facebook like box 100% width*/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}  /*for youtube 100% width style*/
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}  /*for youtube 100% width style*/
.pull-right{float:right}
.pull-left{float:left}
.hidden{display: none;visibility: hidden;}
.hidden-desktop{display: none !important;}
.hidden-phone{display: block !important;}
.google-maps img{max-width:none}
.google-maps{width:100%;height:100%;border:1px solid #DDD}  /*for google map style*/
.text-cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} /*for text the word cut*/
.circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}  /*for circle border style*/
.rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px} /*for rounded border style*/
.enter-content p {line-height:150%; margin:0}
.enter-content a { color:#333;}
article.enter-content table { max-width:940px  !important;border-color:#DDD}
.enter-content table th { font-weight: bold; }
.enter-content table td,.enter-content table th { padding: 9px 10px; text-align: left; }
.inline-block-fix {display:inline-block;zoom: 1;*display: inline;} /*for fix ie*/
/* Format setting */
h1,.h1,h2,.h2,h3,.h3,h4,.h4 {font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;line-height:120%;font-weight:normal}
h1,.h1{font-size:36px}
h2,.h2{font-size:30px}
h3,.h3{font-size:24px}
h4,.h4{font-size:18px}
h5,.h5{font-size:14px}
h6,.h6{font-size:12px}
/* Color styles */
/* Author's custom styles */
body{font-size:14px;line-height:20px;color:#000;background:#FFF url(../img/bg.png);}
.ui-page { background:#EEE;}
.ui-content { position:relative}
a{text-decoration:none}
a:hover,a:focus{color:#555;text-decoration:underline}
.nav { background-color:#03A879; padding:10px; text-align:center }
.nav img.logo { max-height:48px;padding-top: 10px;}
.nav h1 { padding:0; margin:0; height:48px; color:#fff; line-height:48px; text-align: center; font-size:18pt}
.nav a.back { margin:5px; width:38px; height:38px; display:block; background-color:rgba(0,0,0,0.5); background-image:url(../img/icon-back.png); background-repeat:no-repeat;-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px; text-indent:-9999px; outline:none; overflow:hidden;-webkit-box-shadow: inset 1px 3px 22px -9px rgba(0,0,0,1);
-moz-box-shadow: inset 1px 3px 22px -9px rgba(0,0,0,1);
box-shadow: inset 1px 3px 22px -9px rgba(0,0,0,1);}
.nav .gap {width:38px; height:38px; display:block; float:left}
.nav a.back:hover { background-color:rgba(0,0,0,0.3);}
.nav .cart {position:relative}
.nav .cart a { margin:5px;width:38px; height:38px; display:block; background-color:none;-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;background-image:url(../img/icon-cart.png); background-repeat:no-repeat; text-indent:-9999px; outline:none; overflow:hidden;}
.nav .cart i { position:absolute; top:0; right:0; display:block; background:#03A879; border:1px solid #FFF; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; color:#FFF; padding:0 5px; font-style:normal;-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.38);
-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.38);
box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.38);}
.footer { text-align:center; color:#000; font-family:Arial, Helvetica, sans-serif}
.footer a { color:#000;}
.enter-content { background:#FFF;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; padding:15px;}
.enter-content h3 { margin:0 0 8px 0; padding:0; font-size:18pt}
.enter-content p { font-size:14pt}
ul.order-item { list-style:none; margin:0; padding:0}
ul.order-item li { position:relative; background:#FFF url(../img/item-bg.png) no-repeat right bottom; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; padding:15px 15px 15px 125px; margin-bottom:1em; cursor:pointer; min-height:90px; border:1px solid #DDD;}
ul.order-item li:hover { background-color:#FFFFCC}
ul.order-item li .cover { position:absolute; left:10px; top:10px; outline:none; max-height:100px; overflow:hidden}
ul.order-item li .cover a { display:block; position:relative}
ul.order-item li .cover i { position:absolute; right:3px; bottom:3px; width:30px; height:30px; background:#03A879 url(../img/icon-zoom.png) no-repeat center center;-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}
ul.order-item li .title { font-size:14px; font-weight:bold; margin-bottom:5px;color:#ff9100;}
ul.order-item li .p-attrs{color:#ff9100;}
ul.order-item li .p-attrs .atrr_str{display: inline-block;border:1px solid #ff9100;padding:0px 5px;font-size:12px;margin:3px;}
ul.order-item li .details { font-size:12px; margin-bottom:5px; color:#ff9100;}
ul.order-item li .price { font-size:14pt; color:#C00;margin-bottom:5px;}
ul.order-item li p { margin:0; padding:0}
.order-item .select { float:right;margin-bottom: 0;}
.order-item .select a { display:inline-block;zoom: 1;*display: inline;width:36px; height:36px; background:#03A879; color:#FFF; text-align:center; line-height:30px; text-decoration:none;}
.order-item .select input {width:30px; height:24px;text-align: center;position: relative;top:2px;}
.order-item .select div {display:inline-block;zoom: 1;*display: inline; margin:0 2px}
.ordermenu-bg { height:40px;}
.ordermenu { background:#FFF; padding:0; text-align:center; height:40px; overflow:hidden; z-index:99; border-bottom:1px solid #DDD;-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.51);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.51);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.51);}
.ordermenu { list-style:none; margin:0; padding:0}
.ordermenu li {display:inline-block;zoom: 1;*display: inline;}
.ordermenu a { font-size:14pt; color:#333; display:block; text-decoration:none; padding:10px 0}
.content {background:#FFF; padding:15px; margin-bottom:1em}
.content p { font-size:14pt}
.cart-info { padding-bottom:15px; border-bottom:1px solid #DDD; font-size:14pt}
.cart-info b { color:#C00; font-family:Arial, Helvetica, sans-serif}
.content ul.order-item li { border-bottom:1px dashed #DDD; margin-bottom:0; background:none}
.flat-bottom {background:#3a3a3a; width:100%; max-width:800px; margin:auto;padding:0 0 5px 0;}
.flat-bottom a { margin:0 auto}
.flat-bottom .pure-button{border-radius: 4px;background: #FFA800;}
.flat-bottom .block-total{color: #fff;}
.flat-bottom .block-total p{padding: 10px 15px;border-bottom: 1px solid #555;margin-bottom: 0;font-size: 18px;}
.flat-bottom .block-total p span{float: right;}
.flat-bottom .pure-button-primary{width:80px;}
.flat-bottom .pure-button-primary h3{font-size: 16px;padding:10px 5px;border-radius:3px;}
.req { font-size:12pt; margin-left:5px; color:#C00}
.content input.req-tips { border:1px solid #C00}
.search_result { background:#FFF; padding:20px; border:1px solid #DDD;}
.search_result table { width:100%;}
.search_result h4 { text-align:center; margin:0; padding:0; font-size:15pt}
/* content table display styles */
.pure-button {
    font-family: inherit;
    font-size: 100%;
    padding: 0.5em 1em;
    color: #FFF; /* rgba not supported (IE 8) */
    color: rgba(0, 0, 0, 0.80); /* rgba supported */
    border: 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius:8px;
  display:block;
  text-align:center
}

.pure-button-hover,
.pure-button:hover,
.pure-button:focus {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
    background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
.pure-button:focus {
    outline: 0;
}
.pure-button-active,
.pure-button:active {
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
    border-color: #000\9;
}

.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
    border: none;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: alpha(opacity=40);
    -khtml-opacity: 0.40;
    -moz-opacity: 0.40;
    opacity: 0.40;
    cursor: not-allowed;
    box-shadow: none;
}

.pure-button-hidden {
    display: none;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner{
    padding: 0;
    border: 0;
}

.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
    background-color: #03A879;
  text-decoration:none;
    color: #FFF;
}
/**/
.popupMask{position:fixed;left: 0;top:0;display: block;height: 100%;background-color: #000;opacity: 0.5;z-index:1000;width: 100%;}
  .popuplayout{z-index:9999; background-color: #fff;border-radius:5px;border:1px solid #eee;width:90%;position: fixed;top:15%;left: 5%;font-size: 14px;height: 70%;display: block;}
  .popuplayout dt{font-size: 16px;}
  .popuplayout .popup-content{overflow: auto;height:80%;display:block;}
  .popup-title{font-size: 18px;text-align: center;padding:10px 0;width:70%;overflow:hidden;margin:0 auto;white-space:nowrap;word-break: normal;text-overflow:ellipsis;}
  .popuplayout dl{margin:15px 0;padding:0 10px;}
  .popuplayout dl dd{padding: 0;margin:5px 0;margin-left:-3px;}
    .popuplayout dl dd label{display: inline-block;margin: 0;}
     .popuplayout dl dd .select{position: relative;top:-10px;left:-4px;}
  .popuplayout dl dd .select .number{width: 35px;height:32px;text-align: center;font-size:14px;position: relative;top:-1px;}

    .popuplayout dl dd .select .aminus,.popuplayout dl dd .select .aadd{background: #1bdc88;color: #fff;font-weight: bold;display: inline-block;padding: 7px 13px;font-style: normal;}
  }
  .popuplayout dl dd .select a:focus{ text-decoration:none;}
  .popuplayout dl dd .select .aminus,.popuplayout dl dd .select a:focus{text-decoration: none;}
  .popuplayout dl dd .spec-item,.popuplayout dl dd .attr-item{font-size:16px;display:inline-block;min-width:68px;border:1px solid #eee;text-align: center;padding:6px 12px;margin:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
  .popupFooter{position: absolute;bottom: 0;height:50px;background-color: #f7f7f6;width: 94%;left: 0;line-height: 50px;padding:0 3%;}
  .popupFooter ._price{font-size:20px;color: #f0385a;font-weight: bold;}
  .popuplayout dl dd .select .aminus{padding:7px 14px;}
  /*.popuplayout ._close{position: absolute;right:0px;top:3px;display:block;width:40px;height: 40px;text-align:center;z-index: 99999;}*/
  .popuplayout .spec-item.on,.popuplayout .attr-item.on{border-color: #dbe752;color: #dbe752;background-color:#fcfdf6;}
  .popuplayout .push-cart,.popuplayout ._confirm_btn{padding:3px 10px;border:1px solid #1bdc88; background-color: #1bdc88;border-radius:15px;color: #fff;margin-top:12px;font-size: 16px;}
  .addcartbtn,.closebtns{width:120px;float: right;text-align: right;}
  .search{padding:0 7px;position: relative;}
  .search .search-input{width:90%;}
  .search i{display: block;background:url("../../search.png") no-repeat center;width: 32px;height: 32px;position: absolute;right:7px;top:2px;}
  .popuplayout ._confirm_btn{background-color: #dbe752;border-color: #dbe752;}
  .closebtns{text-align: right;width: 60px;}
  
.footer{padding:30px 0;}
.pure-button-img { padding-top:0; padding-bottom:0}
.pure-button-img img { max-height:68px}
a.pure-button h3,h3 a.pure-button  { padding:15px 0; font-size:18pt}
#product_content span.select{display:none;}
#cart_content p.select{display:block;}
#cart_content li { border:none; border-bottom:1px dotted #DDD}
.no_cart_product { text-align:center; margin:30px 0; font-size:14pt}
.isFinish { text-align:center;}
.nodata { text-align:center; margin:30px 0; font-size:14pt;color:#FFF }
.owl-item .active a { color:#03A879}
.owl-pagination { display:none}
@media only screen and (max-width:767px){
ul.order-item li .select { text-align:left; float:none}
}
#product_content ul li{background:#fff;}
#product_content ul li .price-block{background-color: #3e3e3e;color: #fff;padding-bottom: 10px;border-top-left-radius:3px;border-top-right-radius: 3px;}
#product_content ul li .price-block s,#product_content ul li .price-block span{display: block;}
#product_content ul li .price-block s{border-bottom: 1px dotted #6b6b6b;padding:5px 20px;color: #b0b0b0;}
#product_content ul li .price-block span{font-size: 19px;padding:10px 20px;color: #fff;}
#product_content ul li .title{padding:5px 0;font-size: 18px;}
#product_content ul li .title,#product_content ul li .details{color: #ff9100;font-size: 14px;}
.btn-block{margin-top: 5px;text-align: right;}
.btn-block .btn{border-bottom: 1px solid #AF7519; white-space:nowrap;padding: 7px 8px; width: auto;background: #FF7F00;color: #fff;font-size: 16px;font-family: normal;border-radius: 3px;}
.btn-block .detail-btn{background-color: #f2f2f2;color: #333333;}
.btn-block .add-cart-btn:active{text-decoration: none;}
#product_content ul li .hot{position: absolute;left: 5%;bottom:10px;}
.owl-theme .owl-controls .owl-page span{background: #999;}
.icon-hot{width:4rem;}
.order-item .select input{border-radius: 0;padding:4px 0;position: relative;top:3px;box-shadow:none;}
.popuplayout dl dd .select{top:-0px;}
.popuplayout dl dd .select input{border-radius: 0;padding:0px 0;}
@media screen and (min-width: 700px) {
    .popuplayout dl dd .select{top:-15px;}
    .popuplayout dl dd .select .number{height:30px;}
    .order-item .select input{}
}
@media screen and (max-width: 700px) {
    .order-item .select input{height: 26px;}
}
